@charset "UTF-8";
 
/*
 
*******************************************************************************************************
 
# ショップ詳細
 
# ショップ検索結果
 
*******************************************************************************************************
 

 
*/
 
div#container {
 
        padding-bottom: 100px;
 
}
 
.shop_detail,
 
.shop_result {
 
        .line-height: 1.5em;
 
}
 
.btn_pagetop_authority {
 
        margin-top: 20px;
 
        font-weight: bold;
 
        text-align: right;
 
}
 
/* ------------------------------------
 
        * detail
 
* ------------------------------------ */
 
/* heading */
 
.box_head_shop {
 
        position: relative;
 
        padding-top: 0px;
 
        *height: 40px;
 
}
 
.box_head_shop .mod_ttl_page {
 
        color: #111111;
 
}
 
.box_head_shop .box_btn {
 
        position: absolute;
 
        right: 0px;
 
        bottom: -10px;
 
        width: 120px;
 
        _width: 100px;
 
}
 
.box_btn .btn_print {
 
        background: #FFF url(/static/detail/images/icn_print.gif) no-repeat 15px 12px;
 
        padding: 12px 0px 12px 20px;
 
}
 
.inform h2,
 
.staff h2 {
 
        font-size: 24px;
 
        font-weight: bold;
 
        padding-left: 30px;
 
}
 

 
/* tab_room */
 
.mod_box_tab_room {
 
        margin-top: 28px;
 
        background: #FFF url(/static/shop/images/bg_bear_shopinfo.gif) no-repeat 20px 20px;
 
}
 
.mod_box_section_bd_all {
 
        border: 2px solid #3C8812;
 
        border-top: 8px solid #3C8812;
 
}
 
.shopinfo_head .outline {
 
        float: left;
 
        padding-left: 150px;
 
}
 
.shopinfo_head .outline .catch {
 
        font-size: 16px;
 
        line-height: 1.5em;
 
}
 
.shopinfo_head .outline .tel,
 
.shop_result .shop_area .right_col .shop_tel {
 
        font-size: 30px;
 
        font-weight: bold;
 
        color: #378900;
 
        margin-top: 10px;
 
}
 
.shopinfo_head .outline .tel span,
 
.shop_result .shop_area .right_col .shop_tel span {
 
        font-size: 16px;
 
        font-weight: bold;
 
        color: #FFF;
 
        background: #378900;
 
        padding: 2px 10px 1px;
 
        margin-right: 5px;
 
        display: inline-block;
 
        *display: inline;
 
        *zoom: 1;
 
        -webkit-border-radius: 16px;
 
        -moz-border-radius: 16px;
 
        -ms-border-radius: 16px;
 
        -o-border-radius: 16px;
 
        border-radius: 16px;
 
        vertical-align: 0.4em;
 
}
 
.shopinfo_head .shop_num,
 
.shop_result .shop_area .right_col .shop_num {
 
        font-weight: bold;
 
        color: #378900;
 
        font-size: 16px;
 
        margin-top: 10px;
 
}
 
.shopinfo_head .shop_num span,
 
.shop_result .shop_area .right_col .shop_num span {
 
        display: inline-block;
 
        *display: inline;
 
        *zoom: 1;
 
        vertical-align: 0.2em;
 
        margin-left: 10px;
 
        position: relative;
 
        cursor:pointer;
 
}
 
.shopinfo_head .btn_area {
 
        float: right;
 
        width: 385px;
 
}
 
.shopinfo_head .btn_area td {
 
        vertical-align: middle;
 
        display: table-cell;
 
}
 
.shopinfo_head .btn_area li {
 
        margin-top: 10px;
 
}
 
.shopinfo_head .btn_area li:first-child {
 
        margin-top: 0px;
 
}
 
.shopinfo_head .btn_area .mod_btn_all {
 
        font-size: 18px;
 
        padding: 8px;
 
        *width: 420px;
 
}
 
.shopinfo_head .btn_area .btn_line span,
 
.shopinfo_head .btn_area .mod_btn_all_green span {
 
        display: table-cell;
 
        height: 45px;
 
        width: 360px;
 
        text-align: center;
 
        vertical-align: middle;
 
        *display: block;
 
        *padding-top: 20px;
 
}
 
.shopinfo_head .btn_area .mod_btn_all_green span {
 
        background: url(/static/shop/images/icn_btn_pc.gif) no-repeat 20px center;
 
        padding-left: 60px;
 
        /*height: 36px;*/
 
}
 
.shopinfo_head .btn_area .btn_line span {
 
        background: url(/static/detail/images/icn_line02.gif) no-repeat 70px center;
 
        padding-left: 60px;
 
}
 
.shop_info {
 
        background: url(/static/shop/images/bg_bdr_dot.gif) repeat-x left top;
 
        margin-top: 20px;
 
        padding-top: 20px;
 
}
 
.shop_info .dtl_blc {
 
        float: right;
 
        width: 555px;
 
        line-height: 1.5em;
 
}
 
.shop_info .dtl_blc table th {
 
        padding-bottom: 6px;
 
        vertical-align: top;
 
        width: 80px;
 
}
 
.shop_info .dtl_blc table th p {
 
        background: #EFF2F4;
 
        text-align: center;
 
        padding-top: 5px;
 
        padding-bottom: 3px;
 
        -webkit-border-radius: 4px;
 
        -moz-border-radius: 4px;
 
        -ms-border-radius: 4px;
 
        -o-border-radius: 4px;
 
        border-radius: 4px;
 
}
 
.shop_info .dtl_blc table td {
 
        vertical-align: top;
 
        padding: 5px 0px 0px 10px;
 
}
 
.shop_info .dtl_blc table td p {
 
        padding-bottom: 15px;
 
}
 
.shop_info .dtl_blc table td .business_hours {
 
        font-size: 18px;
 
        font-weight: bold;
 
}
 
.shop_info .dtl_blc table td .mod_btn_khaki {
 
        background-image: url(/static/shared/images/icon/arr_btn_khaki.png);
 
        background-repeat: no-repeat;
 
        background-position: 10px 12px;
 
        width: 160px;
 
}
 
.shop_info .dtl_blc ul li,
 
.shop_result .shop_area .right_col .shop_icon li {
 
        display: inline-block;
 
        *display: inline;
 
        *zoom: 1;
 
        margin-top: 15px;
 
}
 
.shop_info .dtl_blc .greeting {
 
        margin-top: 20px;
 
        padding-top: 20px;
 
        border-top: 1px solid #E1E1E2;
 
}
 

 
.shop_info .pic_blc {
 
        float: left;
 
        width: 370px;
 
}
 
.shop_info .pic_blc li,
 
.shop_result .shop_area .left_col .shop_pict {
 
        padding: 2px;
 
        border: 1px solid #CCC;
 
        -webkit-border-radius: 4px;
 
        -moz-border-radius: 4px;
 
        -ms-border-radius: 4px;
 
        -o-border-radius: 4px;
 
        border-radius: 4px;
 
        display: inline-block;
 
        *display: inline;
 
        *zoom: 1;
 
        margin-bottom: 10px;
 
}
 

 
 
/* inform */
.inform {
	margin-top: 40px;
}
.inform .mod_box_section li {
	margin-top: 8px;
	position: relative;
}
.inform .mod_box_section li:before {
	content: none;
	color: #0A3F94;
	font-size: 10px;
	margin-right: 10px;
}
.inform .mod_box_section li:first-child {
	margin-top: 0px;
}
.inform .mod_box_section li a {
	background: url(/static/shared/images/icon/arr_link_blue.png) no-repeat 0px 2px;
	padding-left: 24px;
	padding-top: 2px;
	padding-bottom: 2px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: -24px;
	margin-top: -2px;
}

/* article_list */
.article_list {
	padding-top: 15px;
	overflow: hidden;
	position: relative;
	width: 1000px;
}
.article_list ul {
	position: relative;
	width: 1020px;
}
.article_list ul li {
	width: 320px;
	float: left;
	margin: 20px 20px 0px 0px;
}
.article_list ul li .mod_box_section {
	position: relative;
	padding: 0px;
	margin: 0px;
	z-index: 1;
}
.article_list ul li .mod_box_section a {
	display: block;
	color: #111;
	text-decoration: none;
}
.article_list ul li .mod_box_section a .over {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	background: url(../images/bg_atc_ovr.png);
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
}
.article_list ul li .mod_box_section a .over span {
	width: 140px;
	top: 50%;
	left: 50%;
	margin-top: 0;
	margin-left: -70px;
}
.article_list ul li .over .mod_btn_s:hover {
	opacity: 1.0;
}

.article_list ul li .mod_box_section .head_ttl { 
	min-height: 42px;
}

.article_list ul li .mod_box_section .head_gazou { 
	min-height: 103px;
}


/*.article_list ul li a:hover {
	color: #111111;
}
.article_list ul li a:hover .mod_box_section::before {
	background: #0A3F94;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	display: block;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	content: "";
	z-index: 5;
	opacity: 0.5;
	filter: alpha(opacity=50);
}*/
.article_list ul li .head {
	padding: 15px 15px 5px;
	_padding: 15px;
}
.article_list ul li .head dt {
	float: left;
	width: 150px;
}
.article_list ul li .head dd {
	color: #FFF;
	background: #0A3F94;
	white-space: nowrap;
	padding: 2px 8px 0px;
	float: right;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	-ms-border-radius: 14px;
	-o-border-radius: 14px;
	border-radius: 14px;
	font-size: 12px;
}
.article_list ul li .inner {
	padding: 0px 15px;
	padding-bottom: 7px;
	_padding-bottom: 15px;
}
.article_list ul li .inner dt {
	text-align: center;
	float: left;
	width: 100px;
}
.article_list ul li .inner dd {
	float: right;
	width: 170px;
}
.article_list ul li .inner dd p {
	margin-bottom: 10px;
}
.article_list ul li .inner dd p span {
	font-size: 20px;
	font-weight: bold;
	color: #FB49AE;
	padding: 0px 5px;
}
.article_list ul li .feature {
	font-weight: bold;
	color: #378900;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	height:33px;
	padding: 5px 0px;
	_padding: 10px 0px;
	width: 320px;
	position: relative;
	background: #EDFFE1;
	-webkit-border-radius: 0px 0px 12px 12px;
	-moz-border-radius: 0px 0px 12px 12px;
	-ms-border-radius: 0px 0px 12px 12px;
	-o-border-radius: 0px 0px 12px 12px;
	border-radius: 0px 0px 12px 12px;
}
.article_list ul li .link {
	font-size: 10px;
	margin-top: 10px;
}
.article_list ul li .link a {
	color: #71819c;
	text-decoration: none;
}
.article_list ul li .link a:hover {
	color: #0A3F94;
	text-decoration: underline;
}
.article_list .mod_btn_all_pink {
	width: 460px;
}


 
/* staff */
 
.staff {
 
        margin-top: 40px;
 
}
 
.staff .mod_box_section {
 
        position: relative;
 
        overflow: hidden;
 
        text-align: center;
 
}
 
.staff ul {
 
        margin-top: -30px;
 
        position: relative;
 
        display: inline-block;
 
}
 
.staff ul li {
 
        background: url(/static/shop/images/bg_bdr_dot.gif) repeat-x left top;
 
        /*border-top: 2px dotted #E2E2E2;*/
 
        padding: 28px 15px 20px;
 
        width: 205px;
 
        margin-top: -2px;
 
        float: left;
 
        text-align: center;
 
}
 
.staff ul li p {
 
        text-align: left;
 
}
 
.staff ul li p.staff_name {
 
        font-size: 16px;
 
        font-weight: bold;
 
        margin: 10px 0px;
 
        text-align: center;
 
}
 

 
/* shopinfo_bottom */
 
.shopinfo_bottom {
 
        border: 2px solid #3C8812;
 
        -webkit-border-radius: 12px;
 
        -moz-border-radius: 12px;
 
        -ms-border-radius: 12px;
 
        -o-border-radius: 12px;
 
        border-radius: 12px;
 
}
 

 
/* map */
 
.around_map {
 
        margin-top: 30px;
 
        border: 2px solid #3C8812;
 
        -webkit-border-radius: 12px;
 
        -moz-border-radius: 12px;
 
        -ms-border-radius: 12px;
 
        -o-border-radius: 12px;
 
        border-radius: 12px;
 
        background: #FFF;
 
}
 
.around_map h2 {
 
        padding: 20px 20px 20px 28px;
 
        background: #FFF url(/static/shop/images/icn_plus.gif) no-repeat 946px 20px;
 
        -webkit-border-radius: 12px;
 
        -moz-border-radius: 12px;
 
        -ms-border-radius: 12px;
 
        -o-border-radius: 12px;
 
        border-radius: 12px;
 
        font-size: 24px;
 
        font-weight: bold;
 
        color: #3C8812;
 
        cursor:pointer;
 
}
 
.around_map h2.active {
 
        background: #FFF url(/static/shop/images/icn_minus.gif) no-repeat 946px 20px;
 
}
 
.around_map .map {
 
        position: relative;
 
        *zoom: 1;
 
        padding: 20px 30px;
 
        border-top: 2px solid #e6e8ec;
 
}
 
.around_map .map #map {
 
        z-index: 1;
 
        width: 940px;
 
        height: 400px;
 
        padding-bottom: 15px;
 
}
 
.page_search_result_map {
 
        position: relative;
 
}
 

 

 
/* ------------------------------------
 
        * result
 
* ------------------------------------ */
 
#contentMainColumn .mod_ttl_bar {
 
        padding-left: 24px;
 
        font-size: 21px;
 
}
 

 
.shop_result .shop_area {
 
}
 
.shop_result .shop_area h2 {
 
        font-size: 21px;
 
        font-weight: bold;
 
        color: #FFF;
 
        background: #3C8811;
 
        padding: 10px 0px 10px 25px;
 
        -webkit-border-radius: 8px;
 
        -moz-border-radius: 8px;
 
        -ms-border-radius: 8px;
 
        -o-border-radius: 8px;
 
        border-radius: 8px;
 
}
 
.shop_result .shop_area .mod_box_section {
 
}
 
.shop_result .shop_area .mod_box_section h3 {
 
        font-size: 18px;
 
        font-weight: bold;
 
        padding-bottom: 18px;
 
}
 
.shop_result .shop_area .mod_box_section h3 span {
 
        font-size: 24px;
 
        font-weight: bold;
 
}
 
.shop_result .shop_area .mod_box_section h3 a {
 
        text-decoration: none;
 
}
 
.shop_result .shop_area .left_col {
 
        float: left;
 
        width: 200px;
 
}
 
.shop_result .shop_area .left_col .shop_pict {
 
        margin-bottom: 20px;
 
}
 

 
.shop_result .shop_area .right_col {
 
        float: right;
 
        width: 420px;
 
}
 
.shop_result .shop_area .right_col .shop_add {
 
        background: url(/static/shop/images/icn_shop_add.gif) no-repeat 1px 0px;
 
        margin-left: -30px;
 
        padding-left: 30px;
 
        padding-top: 3px;
 
        position: relative;
 
  		min-height: 17px;
}
 
.shop_result .shop_area .right_col .shop_line {
 
        background: url(/static/shop/images/icn_shop_line.gif) no-repeat 0px 0px;
 
        margin-top: 15px;
        
        margin-left: -30px;
 
        padding-left: 30px;
 
        position: relative;
        
  		min-height: 23px;
}
 
.shop_result .shop_area .right_col .shop_line li {
 
        margin-top: 5px;

}
 
.shop_result .shop_area .right_col .shop_tel {
 
        margin-top: 15px;
 
        padding-top: 20px;
 
        border-top: 1px solid #DADADB;
 
}
 
.shop_result .shop_area .right_col .shop_num {
 
        margin-top: 5px;
 
}
 
.shop_result .shop_area .right_col .business_hours {
 
        margin-top: 8px;
 
}
 
.shop_result .shop_area .right_col .btn_inq {
 
        width: 430px;
 
        position: relative;
 
}
 
.shop_result .shop_area .right_col .btn_inq li {
 
        width: 205px;
 
        float: left;
 
        margin-right: 10px;
 
        margin-top: 15px;
 
}
 
.shop_result .shop_area .right_col .btn_inq li a span {
 
        vertical-align: middle;
 
        display: table-cell;
 
        height: 37px;
 
        width: 185px;
 
        line-height: 1.2em;
 
}
 
.shop_result .shop_area .right_col .btn_inq li a.btn_line span {
 
        background: url(/static/detail/images/icn_line.gif) no-repeat 5px center;
 
        text-align: left;
 
        padding-left: 45px;
 
}
 

 
/* #contentSubColumn */
 
#contentSubColumn input[type="text"] {
 
        -webkit-border-radius: 4px;
 
        -moz-border-radius: 4px;
 
        -ms-border-radius: 4px;
 
        -o-border-radius: 4px;
 
        border-radius: 4px;
 
        border: 1px solid #0A3F94;
 
        padding-top: 10px;
 
        padding-bottom: 8px;
 
        padding-left: 10px;
 
        font-size: 14px;
 
        /* box-shadow */
 
        box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 5px 0px inset;
 
        -webkit-box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 3px 0px inset;
 
        -moz-box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 3px 0px inset;
 
        margin-right: 5px;
 
        /*vertical-align: 0em;*/
 
        vertical-align: middle;
 
        color: #898989;
 
        width: 188px;
 
}
 
#contentSubColumn input[type="text"].input-focus {
 
        color: #000000;
 
}
 
#contentSubColumn .mod_box_sub .ttl_arealine {
 
        margin-bottom: 0px;
 
}
 
#contentSubColumn .btn_search {
 
        background: url(/static/shop/images/bg_bdr_dot.gif) repeat-x left top;
 
        margin-top: 20px;
 
        padding-top: 20px;
 
}
 

 
/* ------------------------------------
 
        * clearFix
 
* ------------------------------------ */
 

 
.shopinfo_head,
 
.shop_info,
 
.article_list ul,
 
.article_list ul li .head,
 
.article_list ul li .inner,
 
.staff ul,
 
.mod_box_section {
 
        zoom:1;
 
}
 
.shopinfo_head:after,
 
.shop_info:after,
 
.article_list ul:after,
 
.article_list ul li .head:after,
 
.article_list ul li .inner:after,
 
.staff ul:after,
 
.mod_box_section:after {
 
        content: "";
 
        display: block;
 
        clear: both;
 
} 

/*追加 モーダル地図*/
#lean_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #000;
	display: none;
}
div#modal_map {
	display: none;
	width: 940px;
	zoom: 1;
}
#modal_map {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1100;
	margin-top: -285px;
	margin-left: -470px;
	opacity: 0;
}
div#modal_map .modal_close {
	position: absolute;
	top: -25px;
	right: -25px;
	width: 52px;
	height: 52px;
	z-index: 2;
	cursor:pointer;
}

div#modal_map .modal_close:hover {
	opacity: 0.85;
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
}
#modal_map .around_map h2 {
	cursor: auto;
}
#modal_map .around_map {
	margin-top: 0;
}

/*追加 地図リンク画像
-----------------------------------------------------*/
.shop_info .dtl_blc table td .icn_tomap {
	display: block;
	margin-top: -5px;
	margin-bottom: 7px;
}
.shop_info .dtl_blc table td .icn_tomap img {
	margin-right: 5px;
}
